/* 
    Document   : viewStories
    Created on : Jan 05, 2012, 9:35:17 AM
    Author     : orangehrm
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

.heading span#noRecordMessage {
    color: darksalmon;
    font-weight: bold;
}

table.tableContent {
    top: 30px;
    width: 1030px;
    margin-bottom: 100px;
}


td.edit {
    cursor:pointer;
}

a img {
    border: none;
}

#dialog h1{
    
    font-size: 1.2em;
    margin: .6em 0;
}

.ui-dialog-buttonpane{

    font-size: 14px;
    font-family: sans-serif;
}

.ui-button-text{
    color:#211e2d;
    font-size: small;
    font-weight: bold;
}

.taskName{
    width: 250px;
}

.taskEffort{
    width: 40px;
}

.taskStatus{
    width: 60px;
}

.taskOwnedBy{
    width: 130px;
}

.taskDescription{
    width: 300px;
}

.taskActions{
    width: 50px;
    textali
}

#ajaxNameInput{
    width: 250px;
}

#ajaxEffortInput{
    width: 50px;
}

#ajaxDescriptionInput{
    width: 300px;
    height: 50px;
}
.changedName, .changedEffort, .changedStatus, .changedOwnedBy{
    vertical-align:text-top;
}

table.tableContent td.open{
    background-color: #FBEC5D;
}
table.tableContent td.complete{
    background-color: #7AE346;
}
div.TaskShowForm{
    position: relative;
    top: 10px;
}
div.tasksAddButton{
    position: relative;
    top: 10px;
}